<generic>
	<template>
		<ResizableWindow id="popup" title=""  modal="true" width="650" height="650" verticalGap="3" horizontalAlign="right"  borderStyle="solid" borderThickness="1" cornerRadius="12" paddingLeft="0">
			<VBox horizontalAlign="center"  verticalAlign="middle" width="100%" height="100%"> 
				<Image source="images/add-event-icon.png"/>
				<Form id="regdata">
					<FormHeading label="Add an Event" horizontalAlign="center"  verticalAlign="center" />
						<FormItem label="Event Name:">
						<TextInput id="evname" width="200"/>
					</FormItem>
					<FormItem label="Start Date:">
						<HBox>                
							<DateField id='DateField1' yearNavigationEnabled="true"/>
							<NumericStepper minimum="0" maximum="23" stepSize="1" value="13" width="65"/>
							<Label text="h."/>
							<NumericStepper minimum="0" maximum="59" stepSize="1" value="30" width="65"/>
							<Label text="min."/>
						</HBox>
					</FormItem>
					<FormItem label="End Date:">
						<HBox>                
							<DateField id='DateField2' yearNavigationEnabled="true"/>
							<NumericStepper minimum="0" maximum="23" stepSize="1" value="14" width="65"/>
							<Label text="h."/>
							<NumericStepper minimum="0" maximum="59" stepSize="1" value="30" width="65"/>
							<Label text="min."/>
						</HBox>
					</FormItem>
					<FormItem label="Event Case:">
						<HBox>                
							<RadioButtonGroup id='rg1'/>
							<RadioButton groupName='radgr1' id='family' value='fm' label='Family' width='150' />
							<RadioButton groupName='radgr1' id='busines' value='bs' label='Business' width='150' selected='true' />
							<RadioButton groupName='radgr1' id='pleasure' value='pl' label='Pleasure' width='150' />
						</HBox>
						<HBox horizontalGap="105">
						<Image source="images/family_small.png"/>
						<Image source="images/briefcase_small.png"/>
						<Image source="images/pleasure_small.png"/>
						</HBox>
					</FormItem>
					<FormItem label="Event Priority:">
						<HBox>                
							<RadioButtonGroup id='rg2'/>
							<RadioButton groupName='radgr2' id='highpr' value='hpr' label='Hihg Priority' width='150' />
							<RadioButton groupName='radgr2' id='normalpr' value='npr' label='Normal Priority' width='150' selected='true' />
							<RadioButton groupName='radgr2' id='lowpr' value='lpr' label='Low Priority' width='150' />
						</HBox>
						<HBox horizontalGap="105">
						<Image source="images/red.png"/>
						<Image source="images/green.png"/>
						<Image source="images/blue.png"/>
						</HBox>
					</FormItem>
					<FormItem label="Event Text:">
						<TextArea id="tar" height="100" width="300"/> 
					</FormItem>
					<FormItem>
						<HBox>                
							<Button label="Add" color="#2b333c" width="80" borderColor="#8cbf40" themeColor="#8cbf40" id="add" />
							<Button label="Cancel" color="#2b333c" width="80" borderColor="#8cbf40" themeColor="#8cbf40" id="cancel" click="dispatchEvent(rg1, 'hide_popup')"/>
						</HBox>
					</FormItem>    
				</Form>
			</VBox>
		</ResizableWindow>
	</template>	
</generic>